var x_bili = ($(".div_fourth img").outerWidth() - $(".div_fourth").outerWidth()) / ($(".div_second").outerWidth() - $(".div_move").outerWidth());
var y_bili = ($(".div_fourth img").outerHeight() - $(".div_fourth").outerHeight()) / ($(".div_second").outerHeight() - $(".div_move").outerHeight());
$(".div_second").mousemove(function (ex) {
    $(".div_move").show();
    $(".div_fourth").show();
    var x = ex.pageX - $(".div_move").outerWidth(true) / 2;
    var y = ex.pageY - $(".div_move").outerHeight(true) / 2;
    if (x < 0) {
        x = 0;
    } else if (x > $(".div_second").outerWidth() - $(".div_move").outerWidth(true)) {
        x = $(".div_second").outerWidth() - $(".div_move").outerWidth(true);
    }
    if (y < 0) {
        y = 0;
    } else if (y > $(".div_second").outerHeight() - $(".div_move").outerHeight(true)) {
        y = $(".div_second").outerHeight() - $(".div_move").outerHeight(true);
    }
    $(".div_move").css({"left": x, "top": y});
    $(".div_fourth img").css({"left": -x * x_bili, "top": -y * y_bili});
});
$(".div_second").mouseout(function () {
    $(".div_move").hide();
    $(".div_fourth").hide();
});

$.each($(".div_third li img"),function(){
    if($(this).attr("src")===$(".div_second img").attr("src")){
       $(this).parent().addClass("select").siblings().removeClass("select");
    }
});
var src = "", li_length = $(".div_third li").length, li_width = $(".div_third li").outerWidth();
$(".div_third li").click(function () {
    src = $(this).find("img").attr("src");
    $(this).addClass("select").siblings().removeClass("select");
    $(".div_second img").attr("src", src);
    $(".div_fourth img").attr("src", src);
});

$(".div_third .left").click(function () {
        var url=$(".div_third li").eq(2).find("img").attr("src");
        $(".div_third li").eq(2).addClass("select").siblings().removeClass("select");
        $(".div_second img").attr("src",url);
    $(".div_fourth img").attr("src", url);
        $(".div_third ul").append($(".div_third ul li").first());
        $(".div_third ul").css({"left": 0});

});
$(".div_third .right").click(function () {
    var url=$(".div_third li").eq(1).find("img").attr("src");
    $(".div_third li").eq(1).addClass("select").siblings().removeClass("select");
        $(".div_second img").attr("src",url);
    $(".div_fourth img").attr("src", url);
    $(".div_third ul").css({"left": -li_width});
    $(".div_third ul li").last().insertBefore($(".div_third ul li").first());
});
